.documentation{
    margin: 40px 0;
    @extend %body-a;
    text-align: left;
    nav{
        ul{
            padding-left: 0;
            margin: 0;
            li{
                list-style: none;
                color:#6b717f;
                line-height: 20px;
                font-size: 14px;
                cursor: pointer;
                margin:8px 0;
            }
            a::after{
                content: "▶";
                float: right;
                font-size: 0.5em;
                text-align: center;
                margin-top: 5px;
                width: 19px;
                transition: transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s;
            }

        }
        @include span(1.5);
    }
    .sl-l-medium-holy-grail__main{
        @include span(9);
        margin-left: auto;
        margin-right: auto;
        padding-left: 100px;
    }
    .sl-l-container{
        ul{
            p{
                font-family: "Source Serif Pro", "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", Times, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                color:#6b717f;
                font-size: 18px;
                line-height: 27px;
            }
        }
    }
  
}